<!doctype html>
<html>

<head>
  <title>MBL</title>
  <meta charset="utf-8" />
  <meta name="keywords" content="{{keywords}}" />
  <meta name="description" content="{{description}}" />
  <link rel="shortcut icon" href="../public/img/favicon.png">
  <link href="../public/css/bootstrap.min.css" rel="stylesheet" media="screen">
  <link href="../public/css/reset.css" rel="stylesheet" media="screen">
  <link href="../public/css/theme.css" rel="stylesheet" media="screen">
  <link href="../public/css/nav.css" rel="stylesheet" media="screen">
  <link href="../public/css/slides.css" rel="stylesheet" media="screen">
  <link href="../public/css/layout.css" rel="stylesheet" media="screen">
  <link href="../public/css/home.css" rel="stylesheet" media="screen">
  <link href="../public/css/research_area.css" rel="stylesheet" media="screen">
  <link href="../public/css/intro.css" rel="stylesheet" media="screen">
  <link href="../public/css/research/index.css" rel="stylesheet" media="screen">
  <link href="../public/css/research/detail.css" rel="stylesheet" media="screen">
  <link href="../public/css/news.css" rel="stylesheet" media="screen">
  <link href="../public/css/events.css" rel="stylesheet" media="screen">
  <link href="../public/css/publication.css" rel="stylesheet" media="screen">
  <link href="../public/css/member.css" rel="stylesheet" media="screen">
  <link href="../public/css/contact.css" rel="stylesheet" media="screen">
  <link rel="stylesheet" href="../public/build/kalendae.css" type="text/css" charset="utf-8">
</head>

<body>
  <!-- Fixed navbar -->
  <div class="theme-color mbl-nav navbar-fixed-top">
    <div class="wrapper full-height">
      <!--<a class="logo-wrapper" href="/">-->
      <!--<img class="logo" src="../../public/img/logo.png" alt="MBL">-->
      <!--</a>-->
      <a class="img-wrapper" href="/">
        <img class="logo" src="../public/img/logo.png" alt="MBL">
      </a>
      <ul class="menu" id="menu">
        <li><a href="/">Home</a></li>
        <li><a href="/system/go.jsp?treeid=1011&apptype=treetemp&urltype=tree.TreeTempUrl">News</a></li>
        <li><a href="/research">Research</a></li>
        <li><a href="/publication">Publications</a></li>
        <li><a href="/members">Members</a></li>
        <li><a href="/system/go.jsp?treeid=1003&apptype=treetemp&urltype=tree.TreeTempUrl">Contact</a></li>
      </ul>
      <div class="nav-search">
        <div class="input-group search-content">
          <input type="text" class="form-control" placeholder="Search for...">
          <span class="input-group-btn">
            <button class="btn btn-default" type="button">Search</button>
          </span>
        </div>
      </div>
    </div>
  </div>

  <div class="body-wrapper news-layout__wrapper">
    <div class="wrapper">
      <div class="sidebar news-sidebar">
        <span id="allNews" class="my-btn sidebar-item pointer">ALL NEWS</span>
        <span id="allEvents" class="my-btn sidebar-item pointer">ALL EVENT</span>
        <div class="search" id="newsSearch">
          <p class="tip">NEWS SEARCH</p>
          <div class="input-group">
            <input type="text" class="form-control" placeholder="Search for...">
            <span class="input-group-btn">
              <button class="btn btn-default" type="button">Search</button>
            </span>
          </div>
        </div>
        <!-- <div class="auto-kal calendar-wrapper" id="calendar-wrapper"></div> -->
        <div class="archives" id="newsArchives">
          <p class="tip">NEWS ARCHIVE</p>
          <ul>
            <li>2020</li>
            <li>2019</li>
            <li>2018</li>
            <li>2017</li>
            <li>2016</li>
          </ul>
        </div>
        <div class="others" id="newsOthers">
          <p class="news-detail__tip-title">TOPICS</p>
          <p class="news-detail__tip-content" id="newsTypeTip"></p>
          <p class="news-detail__tip-title">DATE</p>
          <p class="news-detail__tip-content" id="newsDateTip"></p>
        </div>
      </div>

      <div class="main news" id="newsListWrapper">
        <div class="news__intro border-bottom-line">
          <img id="topInfoImg" src="../public/img/subject_1.png" alt="">
          <div class="detail">
            <h2 id="topInfoTitle"></h2>
            <a href="/news?id={{ topInfo.newsid }}">
              <span class="btn">READ MORE</span>
            </a>
          </div>
        </div>
        <nav aria-label="Page navigation" id="navigation">
          <ul class="pagination">
            <li id="prev">
              <span aria-hidden="true">&laquo;</span>
            </li>
            <!-- <li><a href="">1</a></li> -->
            <li id="next">
              <span aria-hidden="true">&raquo;</span>
            </li>
          </ul>
        </nav>

      </div>
    </div>

  </div>

  <footer class="footer theme-color">
    <div class="wrapper footer-container">
      <a href="/system/go.jsp?treeid=1003&apptype=treetemp&urltype=tree.TreeTempUrl">
        <div class="map-wrapper">
          <!--<div id="map"></div>-->
          <img src="../public/img/map.png" alt="">
          <p>Lushan South Road Yifu Building, Hunan University South Campus, Changsha, Hunan China</p>
        </div>
      </a>
      <div class="logos">
        <div class="show-logos">
          <img class="hnu-logo" src="../public/img/hnu.png" alt="">
          <img class="mbl-logo" src="../public/img/mbl.png" alt="">
        </div>
  
        <a href="/system/go.jsp?treeid=1003&apptype=treetemp&urltype=tree.TreeTempUrl">
          <div class="contact-logos">
            <img src="../public/img/phone.svg" alt="">
            <img src="../public/img/fox.svg" alt="">
            <img src="../public/img/weixin.svg" alt="">
            <img src="../public/img/email.svg" alt="">
          </div>
        </a>
      </div>
      <div class="links">
        <h2>HELPFUL LINKS</h2>
        <ul class="links-list">
          <li><a href="">Hunan University</a></li>
          <li><a href="">Hunan University</a></li>
          <li><a href="">Hunan University</a></li>
          <li><a href="">Hunan University</a></li>
        </ul>
      </div>
    </div>
  </footer>

  <script src="../public/js/nav.js"></script>
  <script src="../public/js/jquery.min.js"></script>
  <script src="../public/js/news.js"></script>
  <script src="../public/build/kalendae.standalone.js" type="text/javascript" charset="utf-8"></script>
  <script src="../public/js/switch_event_new.js"></script>
</body>

</html>